@pagination-common-font: @general-6;
@pagination-common-bg: @general-transparent;
@pagination-common-border: @general-transparent;

@pagination-disabled-font: @general-18;
@pagination-disabled-bg: @general-transparent;
@pagination-disabled-border: @general-transparent;

@pagination-hover-font: @general-42;
@pagination-hover-bg: @general-transparent;
@pagination-hover-border: @general-transparent;

@pagination-active-font: @general-6;
@pagination-active-bg: @general-46;
@pagination-active-border: @general-42; 

@pagination-icon-font: @general-42;

.ant-pagination-prev,.ant-pagination-next{
  .ant-pagination-item-link{
    color: @pagination-common-font;
    background-color: @pagination-common-bg;
    border-color: @pagination-common-border;
  }
  &:hover{
    .ant-pagination-item-link{
      color: @pagination-hover-font;
    }
  }
}
.ant-pagination-jump-prev,.ant-pagination-jump-next{
  .ant-pagination-item-container{
    .ant-pagination-item-ellipsis{
      color: @pagination-common-font;
    }
  }
  .anticon{
    color: @pagination-icon-font;
  }
}
.ant-pagination-item{
  background-color: @pagination-common-bg;
  border-color: @pagination-common-border;
  a{
    color: @pagination-common-font;
  }
  &:hover{
    a{
      color: @pagination-hover-font;
    }
  }
}
.ant-pagination-item-active{
  border-color: @pagination-active-border;
  a{
    color: @pagination-active-font;
    background-color: @pagination-active-bg;
  }
  &:hover{
    a{
      color: @pagination-active-font;
    }
  }
}
.ant-pagination-disabled{
  .ant-pagination-item-link{
    color: @pagination-disabled-font;
  }
}